{% extends "layout.html" %}

{% block page_title %}Myblogpy{% endblock %}
{% block page_js %}
    <script src="/pages/site/index/index.js"></script>
    <script src="/static/js/BootstrapTable/bootstrap-table.min.js"></script>
    <script src="/static/js/BootstrapTable/bootstrap-table-locale-all.min.js"></script>
{% endblock %}
{% block page_css %}
    <link rel="stylesheet" href="/pages/site/index/index.css"/>
    <link rel="stylesheet" href="/static/js/BootstrapTable/bootstrap-table.min.css"/>
{% endblock %}
{% block page_content %}
    <div class="container">
        <h2>创建模态框（Modal）</h2>
      <!-- 按钮触发模态框 -->
      <button class="btn btn-primary btn-lg" data-toggle="modal"
         data-target="#myModal">
         开始演示模态框
      </button>
       <!-- 模态框（Modal） -->
      <div class="modal fade" id="myModal" tabindex="-1" role="dialog"
         aria-labelledby="myModalLabel" aria-hidden="true">
         <div class="modal-dialog">
            <div class="modal-content">
               <div class="modal-header">
                  <button type="button" class="close"
                     data-dismiss="modal" aria-hidden="true">
                        &times;
                  </button>
                  <h4 class="modal-title" id="myModalLabel">
                     模态框（Modal）标题
                  </h4>
               </div>
                <div class="modal-body">
                  <Iframe src="{{ url_for('site.tb') }}";; width="570" height="200" scrolling="yes" frameborder="0"></iframe>
               </div>
               <div class="modal-footer">
                  <button type="button" class="btn btn-default"
                     data-dismiss="modal">关闭
                  </button>
                  <button type="button" class="btn btn-primary">
                     提交更改
                  </button>
               </div>
            </div><!-- /.modal-content -->
      </div><!-- /.modal -->
    </div><!-- /.container -->
{% endblock %}
